<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/wenzhang.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
	</head>
	<body>
		<!--头-->
		<div class="content" id="yincang_content">
			<div class="header" id="header">
				<a href="#"><i class="iconfont icon-caidan" id="Login" onclick="log()"></i></a>
				<img src="img/logo.png" />
				<a href="#">
					<i class="iconfont icon-sousuo" id="search_js" onclick="search()"></i>
				</a>
			</div>
			
			<div class="banner" id="banner">
				<div class="lunbo swiper-container">
					<div class="swiper-wrapper">
					    <div class="swiper-slide">
					    	<img src="img/05.jpg" />
					    </div>
					    <div class="swiper-slide">
					    	<img src="img/05.jpg" />
					    </div>
					    <div class="swiper-slide">
					    	<img src="img/05.jpg" />
					    </div>
					</div>
				<div class="neirong">
					<p>[专业IMC平台]太子金涂鸦大赛网络整合营销传播</p>
					<span class="swiper-pagination cir"></span>
				</div>
			</div>
		</div>
		
		<!--内容部分-->
		<div class="content_li" id="yincang_li">
			<ul>
				<li>
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li>
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er" id="more_news1" style="display: none;">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er" id="more_news2" style="display: none;">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er" id="more_news3" style="display: none;">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="er" id="more_news4" style="display: none;">
					<a href="wenzhang_content.html">
						<img src="img/article_14.jpg"/>
						<span>海天“晒“宴，和汪涵一起，参观海天酱油......</span>
						<div class="zapai">
							<span>营销</span>
							<i class="iconfont icon-like1">120</i>
							<i class="iconfont icon-eye">560</i>
						</div>
						<div class="name_data">
							<img src="img/mx-nologin.png" alt="" />
							<span>叶巧岚</span>
							<i>2015年1月20日</i>
						</div>
					</a>
				</li>
				<li class="jzgd">
					<span id="yincang" onclick="more_new()">
						加载更多
					</span>
				</li>
			</ul>
		</div>
		
		<!--尾部-->
		<div class="footer" id="footer">
			<ul>
				<li class="SY">
					<a href="index.html">
						<img src="img/01home_g.png" />
						<img src="img/02home_r.png" /> <span>首页</span>
					</a>
				</li>
				<li class="GIMC">
					<a href="GIMC.html">
						<img src="img/03GIMC_g.png" />
						<img src="img/04GIMC_r.png" /> <span>GIMC</span>
					</a>
				</li>
				<li class="WZ">
					<a href="wenzhang.html" class="selected_wenzhang">
						<img src="img/05article_g.png" />
						<img src="img/06article_r.png" /> <span>文章</span>
					</a>
				</li>
				<li class="ZY">
					<a href="ZIYUAN.html">
						<img src="img/07resou_g.png" />
						<img src="img/08resou_r.png" /> <span>资源</span>
					</a>
				</li>
				<li class="XY">
					<a href="xueyuan.html">
						<img src="img/09college_g.png" />
						<img src="img/10college_r.png" /> <span>学院</span>
					</a>
				</li>
			</ul>
		</div>
		<!--登陆状态-->
		<div class="Login" id="onlogin" style="display: none;">
			<a href="#" id="close" onclick="onlogin_closed()" class="close">
				<img src="img/close_btn.png" />
			</a>
			<div class="logo">
				<img src="img/common_logo.png" />
			</div>
			<div class="login">
				<ul>
					<li class="usr_name">
						<span><img src="img/login_01.png"/></span>
						<!--
							--><input type="text" name="" id="" value="" placeholder="请输入已验证的手机号或邮箱" />
						<div class="clear"></div>
					</li>
					<li class="pswd">
						<span><img src="img/login_02.png"/></span>
						<!--
							--><input type="text" name="" id="" value="" placeholder="请输入密码" />
						<div class="clear"></div>
					</li>
					<li class="help_wjmm">
						<a href="#">
							<span><img src="img/login_03.png"/></span>
							<span>忘记密码</span>
						</a>
					</li>
					<li class="DL">
						<input type="button" name="" id="" value="登陆" />
					</li>
					<li class="ZC">
						<input type="button" id="" value="注册" />
					</li>
				</ul>
			</div>
		</div>
		<!--未登录状态-->
		<div class="no-login" id="login" style="display: none;">
			<a href="#" id="close" onclick="login_closed()" class="close">
				<img src="img/close_btn.png" />
			</a>
			<div class="logo">
				<a>
					<img src="img/mx-nologin.png" />
				</a>
				<a href="#" onclick="Login()">
					立即登陆
				</a>
				<a href="#">
					忘记密码
				</a>
			</div>
			<div class="hengbian"></div>
			<ul class="usrnav">
				<li>
					<a href="#">GIMC<span>&gt;</span></a>
				</li>
				<li>
					<a href="#">文章<span>&gt;</span></a>
				</li>
				<li>
					<a href="#">资源<span>&gt;</span></a>
				</li>
				<li style="border-bottom: initial;">
					<a href="#">课程<span>&gt;</span></a>
				</li>
			</ul>
		</div>
		<!--搜索-->
		<div class="search_sousuo" id="shou_search" style="display: none;">
			<div class="text_sear">
				<a href="#" id="close" onclick="closed()">
					<img src="img/close_btn.png" />
				</a>
				<input type="text" id="" value="" />
				<span class="btn">
					<i class="iconfont icon-sousuo"></i>
					<span>GIMC</span>
				</span>
			</div>
			<div class="content_news">
				<ul>
					<li class="fi_li">
						<a href="#">
							<p>GIMCVS易车，汽车电商“风口”上的2种姿势</p>
							<span>
								2014年11月易车市值接近汽车之家时，正值公布上季度财报，而在2014年Q3业绩易车网净1.86亿，超过汽车1.71亿。看来美国投资人是完全按净利润、自由现金流为这两家公司估值，对汽车电商...
							</span>
							<i>陈小蚊<i class="time">2015-11-12&nbsp;&nbsp;06:57</i></i>
						</a>
					</li>
					<li>
						<a href="#">
							<p>GIMCVS易车，汽车电商“风口”上的2种姿势</p>
							<span>
								2014年11月易车市值接近汽车之家时，正值公布上季度财报，而在2014年Q3业绩易车网净1.86亿，超过汽车1.71亿。看来美国投资人是完全按净利润、自由现金流为这两家公司估值，对汽车电商...
							</span>
							<i>陈小蚊<i class="time">2015-11-12&nbsp;&nbsp;06:57</i></i>
						</a>
					</li>
					<li>
						<a href="#">
							<p>GIMCVS易车，汽车电商“风口”上的2种姿势</p>
							<span>
								2014年11月易车市值接近汽车之家时，正值公布上季度财报，而在2014年Q3业绩易车网净1.86亿，超过汽车1.71亿。看来美国投资人是完全按净利润、自由现金流为这两家公司估值，对汽车电商...
							</span>
							<i>陈小蚊<i class="time">2015-11-12&nbsp;&nbsp;06:57</i></i>
						</a>
					</li>
					<li>
						<a href="#">
							<p>GIMCVS易车，汽车电商“风口”上的2种姿势</p>
							<span>
								2014年11月易车市值接近汽车之家时，正值公布上季度财报，而在2014年Q3业绩易车网净1.86亿，超过汽车1.71亿。看来美国投资人是完全按净利润、自由现金流为这两家公司估值，对汽车电商...
							</span>
							<i>陈小蚊<i class="time">2015-11-12&nbsp;&nbsp;06:57</i></i>
						</a>
					</li>
				</ul>
			</div>
		</div>

	</body>
	<script src="js/tab_sousuo.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: true,//可选选项，自动滑动
			pagination: {
    			el: '.swiper-pagination',
    			clickable :true,
 			},
 			navigation: {
			    nextEl: '.swiper-button-next',
			    prevEl: '.swiper-button-prev',
			},
		})
	</script>
</html>
